<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>creative scrape</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta http-equiv="imagetoolbar" content="false" />
  <style type="text/css" media="screen">
    body { 
      font-family: Georgia; overflow: hidden;
      background: #FFFFFF; margin: 0
    }
    #images { margin: 0; padding: 0; position: absolute }
    #images li { 
      position: relative; float: left; width:10em; height:10em;
      list-style-type: none; cursor: pointer; background-position: center center
    }
    #images li img { }
    #zoom { position: absolute; background-position: center center; cursor: pointer }
    #zoom a { 
      position: absolute; background: #000; color: #fff; cursor: pointer;
      text-decoration:none; bottom: 10px; padding: 5px; text-align: left
    }
    #zoom a:hover { background: #fff; color: #000 }
    #logo {
      position: absolute; top: 0; left: 20px; width: 30px; height: 450px;
      background: url(../../kingfishers.PNG) no-repeat top left; color: #fff;
      padding: 10px; font-size: 20px; z-index: 1; cursor: pointer
    }
    #about_wrapper {
      position: absolute; left: 60px; width: 500px; overflow: hidden; cursor: pointer;
    }
    #about {
      background: url(../../kexample.PNG) no-repeat 10px 10px #000;
      font-style: italic; padding: 10px; width: 480px; padding-top: 53px
    }
    #about p {
      font-size: 20px; padding: 0; margin: 0; padding-bottom: 10px
    }
    #about p a { color:#fff}
    #about p.doubtful-peeps {
      font-size: 14px
    }
  </style>
</head>
<body>
  <div id="logo">
    <!-- creativescrape // produced by amy hoy & thomas fuchs. -->
    <div id="about_wrapper">
      <div id="about">
        <p>
          kingfishers中$FT.show()和$LoggerError()的测试
        </p>
        <p>
          
        </p>
        <p>
        	$FT.show()测试场景:
        </p>
        
        <p class="doubtful-peeps">
          <font color=violet>为了快速的了解<a href="effects.js">effects.js</a>中的morph方法的工作机制,下面借助<a href="http://code.google.com/p/kingfishers/">kingfishers</a>的$FT.show()功能来协助我们实现这个需求.</font>
        </p>
        <p class="doubtful-peeps">
          <b>做法</b>:在effects.js文件的Effect.ElementMethods对象的morph方法中加入$FT.show()调用.<font color=yellow>ps:当morph方法被调用时,能够在kingfishers控制台上输出调用栈.closeAbout()和openAbout()方法都会触发morph方法调用</font>
        </p>
        <p>
        	$LoggerError()测试场景:
        </p>
        <p class="doubtful-peeps">
          <font color=violet>当某行脚本发生错误时,我们希望能快速定位到错误行同是也希望能够看到错误栈,就让kingfishers来帮我们实现</font>
        </p>
       <p class="doubtful-peeps">
          <b>做法</b>:设置window.onerror=$LoggerError;并在creativescrape.js文件的closeAbout()方法中加入ertest()方法的调用.<b><font color=yellow>ps:ertest()方法是我们写的一个制造Error的方法</font></b>
        </p>
        <p class="doubtful-peeps">
          <b>ps</b>:您现在看到的黑色背景的说明框会在15秒钟后,自动关闭.
        </p>
        <p>
         <a href="http://code.google.com/p/kingfishers/">download kingfishers</a>.
         </p>
      </div>
      <div style="clear:both"> </div>
    </div>
  </div>
  
  <ul id="images">
  </ul>
  
  <div id="myDiv" style="position:absolute;top:27px;left:600px;height:500px;width:600px"></div>

  <div id="zoom"><a href="#">#</a></div>
  <script src="../../../logger.js" simplemode=true type="text/javascript"></script>
  <script src="prototype.js" type="text/javascript"></script>
  <script src="effects.js" type="text/javascript"></script>
  <script src="creativescrape.js" type="text/javascript"></script>
  <script type="text/javascript">
  	window.onerror=$LoggerError;
  </script>
</body>
</html>